.gwt-Label {
	padding: 0px 10px 0px 10px;
}

.gwt-TextBox-PID {
	margin: 0px 10px 0px 4px;
	width: 50px;
}

.gwt-TextBox-PID-readonly {
	margin: 0px 10px 0px 4px;
	width: 50px;
	background-color: #e0e0e0; 
}

.Channel-Select-Button {
	cursor: pointer;
	padding-left: 3px;
	padding-right: 3px;
}

.Channel-Select-Button-0-down,.Channel-Select-Button-0-down-hovering {
	color: white;
	background-color: blue;
}

.Channel-Select-Button-1-down,.Channel-Select-Button-1-down-hovering {
	color: white;
	background-color: red;
}

.Channel-Select-Button-2-down,.Channel-Select-Button-2-down-hovering {
	color: white;
	background-color: green;
}

.Channel-Select-Button-3-down,.Channel-Select-Button-3-down-hovering {
	color: white;
	background-color: black;
}

.Channel-Select-Button-4-down,.Channel-Select-Button-4-down-hovering {
	color: white;
	background-color: #4b0082;
}

.Channel-Select-Button-5-down,.Channel-Select-Button-5-down-hovering {
	color: white;
	background-color: #a52a2a;
}

.Channel-Select-Button-6-down,.Channel-Select-Button-6-down-hovering {
	color: white;
	background-color: #ff00ff;
}

.Channel-Select-Button-7-down,.Channel-Select-Button-7-down-hovering {
	color: white;
	background-color: #778899;
	color: white;
}
.Channel-Select-Button-0-down,.Channel-Select-Button-8-down-hovering {
	color: white;
	background-color: blue;
}

.Channel-Select-Button-1-down,.Channel-Select-Button-9-down-hovering {
	color: white;
	background-color: red;
}

.Channel-Select-Button-2-down,.Channel-Select-Button-10-down-hovering {
	color: white;
	background-color: green;
}

.Channel-Select-Button-3-down,.Channel-Select-Button-11-down-hovering {
	color: white;
	background-color: black;
}

.Channel-Select-Button-4-down,.Channel-Select-Button-12-down-hovering {
	color: white;
	background-color: #4b0082;
}

.Channel-Select-Button-5-down,.Channel-Select-Button-13-down-hovering {
	color: white;
	background-color: #a52a2a;
}

.Channel-Select-Button-6-down,.Channel-Select-Button-14-down-hovering {
	color: white;
	background-color: #ff00ff;
}

.Channel-Select-Button-7-down,.Channel-Select-Button-15-down-hovering {
	color: white;
	background-color: #778899;
	color: white;
}

.layout-WavelengthLabel {
	font-size: 500%;
}

.layout-ChannelWidget {
	background-color: white; 
	border: 1px solid #87B3FF;
	padding: 4px;
	width: 100%;
}

.layout-ChannelWidget-inactive {
	background-color: #F0F0F0; 
	color: grey;
}

.layout-ChannelVertWidget {
	background-color: white; 
	border: 1px solid #87B3FF;
	padding: 4px;
	width: 100%;
}

.layout-ChannelDetails {
	width: 100%;
}

.layout-WavemeterWidget {
	width: 100%;
}

.gwt-TabPanel {
	margin-top: 4px;
}

.gwt-TabPanelBottom {
	background-color: #E8EEF7;
}

.gwt-TabBar {
	padding-top: 2px;
	border-bottom: 4px solid #87B3FF;
	background-color: #fff;
}

.gwt-TabBar .gwt-TabBarItem {
	padding: 4px;
	cursor: pointer;
	cursor: hand;
	background-color: #e8eef7;
	border-bottom: 2px solid white;
	margin-right: 2px;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	padding: 4px;
	font-weight: bold;
	cursor: default;
	background-color: #87b3ff;
	border-bottom: 2px solid #87b3ff;
	margin-right: 2px;
}

.gwt-ProgressBar-shell {
	border: 2px solid #faf9f7;
	border-right: 2px solid #848280;
	border-bottom: 2px solid #848280;
	background-color: #AAAAAA;
	height: 14pt;
	width: 90%;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
	background-color: green;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-text {
	padding: 0px;
	margin: 0px;
	color: white;
}

.wm-DialogBox .Caption {
  background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
  padding: 4px 4px 4px 8px;
  cursor: default;
  border-bottom: 1px solid #bbbbbb;
  border-top: 5px solid #d0e4f6;
}

.wm-DialogBox .dialogContent {
}

.wm-DialogBox .dialogMiddleCenter {
  padding: 3px;
  background: white;
}

.wm-DialogBox .dialogMiddleLeft {
  background: white;
}

.wm-DialogBox .dialogTopLeftInner {
  width: 5px;
  zoom: 1;
}

.wm-DialogBox .dialogTopRightInner {
  width: 8px;
  zoom: 1;
}

.wm-DialogBox .dialogBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}

.wm-DialogBox .dialogBottomRightInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}

table.wm-DialogBox {
	background: red;
}

.calibration-popup {
	background: red;
	padding: 5px;
}